<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Example</title>
</head>

<body id="bod">
  <table>
    <tr>
      <th>outerWidth:</th>
      <td id="owidth"></td>
    </tr>
    <tr>
      <th>outherHeight:</th>
      <td id="oheight"></td>
    </tr>
  </table>

  <script type="text/javascript">
    document.getElementById('owidth').innerHTML = window.outerWidth;
    document.getElementById('oheight').innerHTML = document.defaultView.outerHeight;
  </script>
</body>

</html>
